<template>
  <div class="login">
    <div class="login_bg" :style="{backgroundImage: 'url('+login_bg+')'}">
    </div>
    <div class="safe-width">
      <router-view></router-view>
    </div>
  </div>
</template>

<script>

export default {
  name: 'login',
  data () {
    return {
      login_bg: require('../../../static/bg-img/b9-1.png')
    }
  }
}
</script>

<style lang="less">
.login {
  .safe-width{
    margin: 0 auto;
  }
  width: 100%;
  height: 100vh;
  overflow: hidden;
  .login_bg {
    height: 50%;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    /*background-size: 100% auto;*/
  }
  .login-content {
    margin: 0 auto;
    padding: 2%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    .wx_input_content{
      width: 80%;
    }
  }
}
</style>
